<template>
	<view class="main " :class="{'disable':data.disable}">
		<uni-load-more :status="data.status" icon-type="snow"  :showText="false" :contentText="{}"></uni-load-more>
	</view>
</template>

<script setup>
	import {
		onMounted,
		reactive
	} from 'vue';
	onMounted(() => {
		setTimeout(() => {
			data.disable = true;
		}, 5000)
	});
	const data = reactive({
		disable: false,
		status: 'loading',
		statusTypes: [{
			value: 'more',
			text: '加载前',
			checked: true
		}, {
			value: 'loading',
			text: '加载中',
			checked: false
		}, {
			value: 'noMore',
			text: '没有更多',
			checked: false
		}],
		contentText: {
			contentdown: null,
			contentrefresh: null,
			contentnomore: null
		}
	})
</script>

<style lang="scss" scoped>
	.main {
		position: absolute;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 999;
		background: rgba(0, 0, 0, 0.2);
		.uni-load-more{
			margin-top: -100%;
		}
	}

	.disable {
		display: none;
	}
</style>